<div class="row">
    <div class="col-md-12 margin-top-20">
        <div class="alert alert-info" role="alert" id="regInfo"><i class="fa fa-exclamation-triangle"></i>&nbsp;完善您的个人信息让我们有针对性的为您提供更好的内容，您的信息将完全保密</div>
        <!-- BLOCK START -->
        <div class="panel panel-default">
            <div class="panel-heading"><h3 class="panel-title">完善用户信息</h3></div>
            <div class="panel-body min-hight">
                <form role="form" class="form-horizontal" name="myForm" ng-submit="processForm(myForm.$valid)" novalidate>
                    <div class="form-group">
                        <label class="control-label col-sm-4">用户名</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="userName" ng-minlength="2" ng-maxlength="12" ng-model="formData.userName" disabled/>
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.userName.$invalid && !myForm.userName.$pristine"><i class="fa fa-times-circle-o"></i> 2-12个非特殊字符</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">姓名</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="name" ng-minlength="2" ng-maxlength="6" ng-pattern="/[\u4e00-\u9fa5]/" ng-model="formData.name" required/>
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.name.$invalid && !myForm.name.$pristine"><i class="fa fa-times-circle-o"></i>2-6个中文字符</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">电话</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="phoneNum" ng-model="formData.phoneNum" ng-pattern="/^1[3|4|5|8][0-9]\d{4,8}$/" />
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.phoneNum.$invalid && !myForm.phoneNum.$pristine"><i class="fa fa-times-circle-o"></i>请填写正确的手机号码</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">QQ</label>
                        <div class="col-sm-3">
                            <input type="number" class="form-control" name="qq" ng-minlength="0" ng-model="formData.qq"  />
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.qq.$invalid && !myForm.qq.$pristine"><i class="fa fa-times-circle-o"></i>请填写正确的QQ号码</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">邮箱</label>
                        <div class="col-sm-3">
                            <input type="email" class="form-control" name="email" ng-model="formData.email" required/>
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.email.$invalid && !myForm.email.$pristine"><i class="fa fa-times-circle-o"></i>请填写正确的邮箱地址</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">博客地址</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="website" ng-minlength="0" ng-model="formData.website"  />
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.website.$invalid && !myForm.website.$pristine"><i class="fa fa-times-circle-o"></i>请填写正确的网址</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">职位</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="position" ng-minlength="0" ng-maxlength="12" ng-model="formData.position" required/>
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.position.$invalid && !myForm.position.$pristine"><i class="fa fa-times-circle-o"></i> 0-12个非特殊字符</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">大学/公司</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" name="company" ng-minlength="0" ng-maxlength="12" ng-model="formData.company" />
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.company.$invalid && !myForm.company.$pristine"><i class="fa fa-times-circle-o"></i> 2-12个非特殊字符</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">介绍下自己吧</label>
                        <div class="col-sm-6">
                            <textarea class="form-control" name="comments" id="" cols="30" rows="4" ng-model="formData.comments"></textarea>
                            <label for="inputError" class="control-label text-danger" ng-show="myForm.comments.$invalid && !myForm.comments.$pristine"><i class="fa fa-times-circle-o"></i>请填写正确的介绍</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" ng-disabled="myForm.$invalid">提交</button>
                        <a href="/users/info" role="button" class="btn btn-default">返回</a>
                    </div>
                </form>
            </div>
        </div>
        <!-- BLOCK END -->

    </div>
</div>